.header {
    display: flex;
    align-items: center;

    h1, h2 {
        margin: 0;
        padding: 0;
    }

    h2 {
        margin-top: var(--space-2xs);
        color: var(--main-color-light);
    }
}

.avatar {
    margin-right: var(--space-m);
}

.header-row {
    display: flex;
    align-items: center;
}

.github-link {
    margin-left: var(--space-s);

    &, &:hover {
        color: var(--main-color);
    }

    svg {
        width: 32px;
        height: 32px;
    }
}

.results-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.sort-by-label {
    composes: small from './shared/typography.module.css';
}

.list {
    margin-bottom: var(--space-s);
}
